@import url(//cdn.bootcss.com/font-awesome/5.12.1/css/all.min.css);

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.grid > * {
    padding: .512rem 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.grid__col {
    padding: .512rem 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media screen and (min-width: 768px) {
    .grid {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row
    }

    .grid > * {
        padding: .512rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .grid__col {
        padding: .512rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .grid {
        display: block
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) {
    .grid {
        display: flex
    }

    .grid_col {
        display: inline-block
    }

    .grid > * {
        display: inline-block
    }
}

.is-1, .is-1--large, .is-1--medium, .is-1--small, .is-10, .is-10--large, .is-10--medium, .is-10--small, .is-100p, .is-100p--large, .is-100p--medium, .is-100p--small, .is-11, .is-11--large, .is-11--medium, .is-11--small, .is-12, .is-12--large, .is-12--medium, .is-12--small, .is-2, .is-2--large, .is-2--medium, .is-2--small, .is-25p, .is-25p--large, .is-25p--medium, .is-25p--small, .is-3, .is-3--large, .is-3--medium, .is-3--small, .is-33p, .is-33p--large, .is-33p--medium, .is-33p--small, .is-4, .is-4--large, .is-4--medium, .is-4--small, .is-5, .is-5--large, .is-5--medium, .is-5--small, .is-50p, .is-50p--large, .is-50p--medium, .is-50p--small, .is-6, .is-6--large, .is-6--medium, .is-6--small, .is-66p, .is-66p--large, .is-66p--medium, .is-66p--small, .is-7, .is-7--large, .is-7--medium, .is-7--small, .is-75p, .is-75p--large, .is-75p--medium, .is-75p--small, .is-8, .is-8--large, .is-8--medium, .is-8--small, .is-9, .is-9--large, .is-9--medium, .is-9--small {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.is-75p {
    width: 75%
}

.is-50p {
    width: 50%
}

.is-25p {
    width: 25%
}

.is-66p {
    width: 66.66666%
}

.is-33p {
    width: 33.33333%
}

.is-100p {
    width: 100%
}

.is-1 {
    width: 8.33333%
}

.is-2 {
    width: 16.66666%
}

.is-3 {
    width: 25%
}

.is-4 {
    width: 33.33333%
}

.is-5 {
    width: 41.66666%
}

.is-6 {
    width: 50%
}

.is-7 {
    width: 58.33333%
}

.is-8 {
    width: 66.66666%
}

.is-9 {
    width: 75%
}

.is-10 {
    width: 83.33333%
}

.is-11 {
    width: 91.66666%
}

.is-12 {
    width: 100%
}

@media (max-width: 768px) {
    .is-1, .is-10, .is-100p, .is-11, .is-12, .is-2, .is-25p, .is-3, .is-33p, .is-4, .is-5, .is-50p, .is-6, .is-66p, .is-7, .is-75p, .is-8, .is-9 {
        width: 100%
    }
}

@media (min-width: 1000px) {
    .is-75p--large {
        width: 75%
    }

    .is-50p--large {
        width: 50%
    }

    .is-25p--large {
        width: 25%
    }

    .is-66p--large {
        width: 66.66666%
    }

    .is-33p--large {
        width: 33.33333%
    }

    .is-100p--large {
        width: 100%
    }

    .is-1--large {
        width: 8.33333%
    }

    .is-2--large {
        width: 16.66666%
    }

    .is-3--large {
        width: 25%
    }

    .is-4--large {
        width: 33.33333%
    }

    .is-5--large {
        width: 41.66666%
    }

    .is-6--large {
        width: 50%
    }

    .is-7--large {
        width: 58.33333%
    }

    .is-8--large {
        width: 66.66666%
    }

    .is-9--large {
        width: 75%
    }

    .is-10--large {
        width: 83.33333%
    }

    .is-11--large {
        width: 91.66666%
    }

    .is-12--large {
        width: 100%
    }
}

@media (max-width: 1000px) {
    .is-75p--medium {
        width: 75%
    }

    .is-50p--medium {
        width: 50%
    }

    .is-25p--medium {
        width: 25%
    }

    .is-66p--medium {
        width: 66.66666%
    }

    .is-33p--medium {
        width: 33.33333%
    }

    .is-100p--medium {
        width: 100%
    }

    .is-1--medium {
        width: 8.33333%
    }

    .is-2--medium {
        width: 16.66666%
    }

    .is-3--medium {
        width: 25%
    }

    .is-4--medium {
        width: 33.33333%
    }

    .is-5--medium {
        width: 41.66666%
    }

    .is-6--medium {
        width: 50%
    }

    .is-7--medium {
        width: 58.33333%
    }

    .is-8--medium {
        width: 66.66666%
    }

    .is-9--medium {
        width: 75%
    }

    .is-10--medium {
        width: 83.33333%
    }

    .is-11--medium {
        width: 91.66666%
    }

    .is-12--medium {
        width: 100%
    }
}

@media (max-width: 768px) {
    .is-75p--small {
        width: 75%
    }

    .is-50p--small {
        width: 50%
    }

    .is-25p--small {
        width: 25%
    }

    .is-66p--small {
        width: 66.66666%
    }

    .is-33p--small {
        width: 33.33333%
    }

    .is-100p--small {
        width: 100%
    }

    .is-1--small {
        width: 8.33333%
    }

    .is-2--small {
        width: 16.66666%
    }

    .is-3--small {
        width: 25%
    }

    .is-4--small {
        width: 33.33333%
    }

    .is-5--small {
        width: 41.66666%
    }

    .is-6--small {
        width: 50%
    }

    .is-7--small {
        width: 58.33333%
    }

    .is-8--small {
        width: 66.66666%
    }

    .is-9--small {
        width: 75%
    }

    .is-10--small {
        width: 83.33333%
    }

    .is-11--small {
        width: 91.66666%
    }

    .is-12--small {
        width: 100%
    }
}

.grid-1--large > *, .grid-1--medium > *, .grid-1--small > *, .grid-10--large > *, .grid-10--medium > *, .grid-10--small > *, .grid-10 > *, .grid-11--large > *, .grid-11--medium > *, .grid-11--small > *, .grid-11 > *, .grid-12--large > *, .grid-12--medium > *, .grid-12--small > *, .grid-12 > *, .grid-1 > *, .grid-2--large > *, .grid-2--medium > *, .grid-2--small > *, .grid-2 > *, .grid-3--large > *, .grid-3--medium > *, .grid-3--small > *, .grid-3 > *, .grid-4--large > *, .grid-4--medium > *, .grid-4--small > *, .grid-4 > *, .grid-5--large > *, .grid-5--medium > *, .grid-5--small > *, .grid-5 > *, .grid-6--large > *, .grid-6--medium > *, .grid-6--small > *, .grid-6 > *, .grid-7--large > *, .grid-7--medium > *, .grid-7--small > *, .grid-7 > *, .grid-8--large > *, .grid-8--medium > *, .grid-8--small > *, .grid-8 > *, .grid-9--large > *, .grid-9--medium > *, .grid-9--small > *, .grid-9 > * {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.grid-1 > * {
    width: 100%
}

.grid-2 > * {
    width: 50%
}

.grid-3 > * {
    width: 33.33333%
}

.grid-4 > * {
    width: 25%
}

.grid-5 > * {
    width: 20%
}

.grid-6 > * {
    width: 16.66666%
}

.grid-7 > * {
    width: 14.28571%
}

.grid-8 > * {
    width: 12.5%
}

.grid-9 > * {
    width: 11.11111%
}

.grid-10 > * {
    width: 10%
}

.grid-11 > * {
    width: 9.09090%
}

.grid-12 > * {
    width: 8.33333%
}

@media (max-width: 768px) {
    .grid-10 > *, .grid-11 > *, .grid-12 > *, .grid-1 > *, .grid-2 > *, .grid-3 > *, .grid-4 > *, .grid-5 > *, .grid-6 > *, .grid-7 > *, .grid-8 > *, .grid-9 > * {
        width: 100%
    }
}

@media (min-width: 1000px) {
    .grid-1--large > * {
        width: 100%
    }

    .grid-2--large > * {
        width: 50%
    }

    .grid-3--large > * {
        width: 33.33333%
    }

    .grid-4--large > * {
        width: 25%
    }

    .grid-5--large > * {
        width: 20%
    }

    .grid-6--large > * {
        width: 16.66666%
    }

    .grid-7--large > * {
        width: 14.28571%
    }

    .grid-8--large > * {
        width: 12.5%
    }

    .grid-9--large > * {
        width: 11.11111%
    }

    .grid-10--large > * {
        width: 10%
    }

    .grid-11--large > * {
        width: 9.09090%
    }

    .grid-12 > * {
        width: 8.33333%
    }
}

@media (max-width: 1000px) {
    .grid-1--medium > * {
        width: 100%
    }

    .grid-2--medium > * {
        width: 50%
    }

    .grid-3--medium > * {
        width: 33.33333%
    }

    .grid-4--medium > * {
        width: 25%
    }

    .grid-5--medium > * {
        width: 20%
    }

    .grid-6--medium > * {
        width: 16.66666%
    }

    .grid-7--medium > * {
        width: 14.28571%
    }

    .grid-8--medium > * {
        width: 12.5%
    }

    .grid-9--medium > * {
        width: 11.11111%
    }

    .grid-10--medium > * {
        width: 10%
    }

    .grid-11--medium > * {
        width: 9.09090%
    }

    .grid-12--medium > * {
        width: 8.33333%
    }
}

@media (max-width: 768px) {
    .grid-1--small, .grid-10--small, .grid-11--small, .grid-12--small, .grid-2--small, .grid-3--small, .grid-4--small, .grid-5--small, .grid-6--small, .grid-7--small, .grid-8--small, .grid-9--small {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-flow: row
    }

    .grid-1--small > *, .grid-10--small > *, .grid-11--small > *, .grid-12--small > *, .grid-2--small > *, .grid-3--small > *, .grid-4--small > *, .grid-5--small > *, .grid-6--small > *, .grid-7--small > *, .grid-8--small > *, .grid-9--small > * {
        padding: .512rem
    }

    .grid-1--small > * {
        width: 100%
    }

    .grid-2--small > * {
        width: 50%
    }

    .grid-3--small > * {
        width: 33.33333%
    }

    .grid-4--small > * {
        width: 25%
    }

    .grid-5--small > * {
        width: 20%
    }

    .grid-6--small > * {
        width: 16.66666%
    }

    .grid-7--small > * {
        width: 14.28571%
    }

    .grid-8--small > * {
        width: 12.5%
    }

    .grid-9--small > * {
        width: 11.11111%
    }

    .grid-10--small > * {
        width: 10%
    }

    .grid-11--small > * {
        width: 9.09090%
    }

    .grid-12--small > * {
        width: 8.33333%
    }
}

.grid-grow > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.grid-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid-gapless > * {
    padding: 0 !important
}

.is-75p--offset {
    margin-left: 75%
}

.is-50p--offset {
    margin-left: 50%
}

.is-25p--offset {
    margin-left: 25%
}

.is-66p--offset {
    margin-left: 66.66666%
}

.is-33p--offset {
    margin-left: 33.33333%
}

.is-100p--offset {
    margin-left: 100%
}

.is-1--offset {
    margin-left: 8.33333%
}

.is-2--offset {
    margin-left: 16.66666%
}

.is-3--offset {
    margin-left: 25%
}

.is-4--offset {
    margin-left: 33.33333%
}

.is-5--offset {
    margin-left: 41.66666%
}

.is-6--offset {
    margin-left: 50%
}

.is-7--offset {
    margin-left: 58.33333%
}

.is-8--offset {
    margin-left: 66.66666%
}

.is-9--offset {
    margin-left: 75%
}

.is-10--offset {
    margin-left: 83.33333%
}

.is-11--offset {
    margin-left: 91.66666%
}

.is-12--offset {
    margin-left: 100%
}

.container {
    position: relative
}

@media screen and (min-width: 1000px) {
    .container {
        width: 960px;
        max-width: 960px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1192px) {
    .container {
        width: 1152px;
        max-width: 1152px
    }
}

@media screen and (min-width: 1384px) {
    .container {
        width: 1344px;
        max-width: 1344px
    }
}

.qor-auth {
    max-width: 400px;
    margin: 120px auto;
    padding: 32px;
    background: #f4f4f4;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1)
}

.qor-auth .btn, .qor-auth .btn--ghost, .qor-auth .btn--ghost--sharp, .qor-auth .btn--sharp {
    font-size: 1em;
    line-height: 1.5;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2.25em;
    padding-top: calc(.375em - 1px);
    padding-right: calc(.625em - 1px);
    padding-right: .75em;
    padding-bottom: calc(.375em - 1px);
    padding-left: calc(.625em - 1px);
    padding-left: .75em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
    color: #363636;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-touch-callout: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qor-auth .btn {
    border: none;
    border-radius: 3px;
    background-color: #dcdcdc
}

.qor-auth .btn--ghost {
    border: solid 2px #dcdcdc;
    border-radius: 3px;
    background-color: transparent
}

.qor-auth .btn--sharp {
    border: none;
    border-radius: 0;
    background-color: #dcdcdc
}

.qor-auth .btn--ghost--sharp {
    border: solid 2px #dcdcdc;
    border-radius: 0;
    background-color: transparent
}

.qor-auth input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radiobox]):not([type=number]), .qor-auth select, .qor-auth textarea {
    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1)
}

.qor-auth textarea {
    display: block;
    min-width: 100%;
    max-width: 100%;
    min-height: 150px;
    max-height: 600px;
    padding: .625em;
    resize: vertical
}

.qor-auth label {
    display: block;
    max-width: 100%;
    margin-bottom: .5rem
}

.qor-auth .text-center {
    text-align: center
}

.qor-auth .text-left {
    text-align: left
}

.qor-auth .text-right {
    text-align: right
}

.qor-auth .text-justify {
    text-align: justify
}

.qor-auth .text-lowercase {
    text-transform: lowercase
}

.qor-auth .text-uppercase {
    text-transform: uppercase
}

.qor-auth .text-capitalize {
    text-transform: capitalize
}

.qor-auth .text-normal {
    font-weight: 400
}

.qor-auth .text-bold {
    font-weight: 700
}

.qor-auth .text-italic {
    font-style: italic
}

.qor-auth .vertically-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.qor-auth .float-left {
    float: left
}

.qor-auth .float-right {
    float: right
}

.qor-auth .no-margin {
    margin: 0 !important
}

.qor-auth .no-padding {
    margin: 0 !important
}

.qor-auth .block {
    display: block
}

.qor-auth .inline-block {
    display: inline-block
}

.qor-auth .inline {
    display: inline
}

.qor-auth .show {
    display: block !important
}

.qor-auth .hide {
    display: none !important
}

.qor-auth .screen-reader {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    word-wrap: normal;
    border: 0;
    clip-path: inset(50%)
}

.qor-auth .content-buffer {
    padding: 40px 0
}

.qor-auth .clearfix::after {
    display: table;
    clear: both;
    content: ''
}

@media (max-width: 600px) {
    .qor-auth .content-buffer {
        padding: 20px 3%
    }
}

.qor-auth .button {
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 32px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 2px;
    border-radius: 30px;
    background-color: #3d3d3d
}

.qor-auth input[type=button], .qor-auth input[type=submit] {
    font-size: 11px;
    font-weight: 400;
    line-height: 38px;
    display: inline-block;
    box-sizing: border-box;
    height: 38px;
    padding: 0 30px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #33c3f0;
    border-radius: 2px;
    background-color: transparent
}

.qor-auth input[type=button].button__primary, .qor-auth input[type=reset].button__primary, .qor-auth input[type=submit].button__primary {
    color: #fff;
    border-color: #33c3f0;
    background-color: #33c3f0
}

.qor-auth input[type=button].button__primary:hover, .qor-auth input[type=reset].button__primary:hover, .qor-auth input[type=submit].button__primary:hover {
    color: #fff;
    border-color: #25a5df;
    background-color: #25a5df
}

.qor-auth .button.button__primary:focus {
    color: #fff;
    border-color: #25a5df;
    background-color: #25a5df
}

.qor-auth input[type=email], .qor-auth input[type=number], .qor-auth input[type=password], .qor-auth input[type=search], .qor-auth input[type=tel], .qor-auth input[type=text], .qor-auth input[type=url] {
    box-sizing: border-box;
    height: 38px;
    padding: 6px 10px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: none
}

.qor-auth select, .qor-auth textarea {
    box-sizing: border-box;
    height: 38px;
    padding: 6px 10px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: none
}

.qor-auth input[type=email], .qor-auth input[type=number], .qor-auth input[type=password], .qor-auth input[type=search], .qor-auth input[type=tel], .qor-auth input[type=text], .qor-auth input[type=url] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.qor-auth textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.qor-auth input[type=email]:focus, .qor-auth input[type=number]:focus, .qor-auth input[type=password]:focus, .qor-auth input[type=search]:focus, .qor-auth input[type=tel]:focus, .qor-auth input[type=text]:focus, .qor-auth input[type=url]:focus {
    outline: 0
}

.qor-auth select:focus, .qor-auth textarea:focus {
    border: 1px solid #33c3f0;
    outline: 0
}

.qor-auth label, .qor-auth legend {
    font-weight: 600;
    display: block;
    margin-bottom: .5rem
}

.qor-auth fieldset {
    padding: 0;
    border-width: 0
}

.qor-auth input[type=checkbox], .qor-auth input[type=radio] {
    display: inline
}

.qor-auth label > .label-body {
    font-weight: 400;
    display: inline-block;
    margin-left: .5rem
}

.qor-auth .button, .qor-auth blockquote, .qor-auth button, .qor-auth dl, .qor-auth fieldset, .qor-auth figure, .qor-auth form, .qor-auth input, .qor-auth ol, .qor-auth p, .qor-auth pre, .qor-auth select, .qor-auth table, .qor-auth textarea, .qor-auth ul {
    margin: 0
}

.qor-auth ul {
    list-style: none
}

.qor-auth ol {
    margin-top: 0;
    padding-left: 0;
    list-style: none
}

.qor-auth ul {
    margin-top: 0;
    padding-left: 0
}

.qor-auth ul ol, .qor-auth ul ul {
    font-size: 90%;
    margin: 1.5rem 0 1.5rem 3rem
}

.qor-auth ol ol, .qor-auth ol ul {
    font-size: 90%;
    margin: 1.5rem 0 1.5rem 3rem
}

.qor-auth li {
    margin-bottom: 1rem
}

.qor-auth.qor-auth-light {
    max-width: 700px;
    background: 0 0;
    box-shadow: none
}

.qor-auth.qor-auth-light ul {
    margin-top: 40px
}

.qor-auth.qor-auth-light input[type=email], .qor-auth.qor-auth-light input[type=password], .qor-auth.qor-auth-light input[type=text] {
    font-size: 14px;
    line-height: 1;
    height: 40px;
    transition: border-bottom .3s, border-color .3s, border-width .3s, border .3s ease-in-out;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    box-shadow: none !important
}

.qor-auth.qor-auth-light input[type=email]:focus, .qor-auth.qor-auth-light input[type=password]:focus, .qor-auth.qor-auth-light input[type=text]:focus {
    border-bottom: 1px solid #33c3f0 !important;
    outline: 0
}

.qor-auth.qor-auth-light input[type=email]:hover, .qor-auth.qor-auth-light input[type=password]:hover, .qor-auth.qor-auth-light input[type=text]:hover {
    border-bottom: 1px solid #333
}

.qor-auth.qor-auth-light .button, .qor-auth.qor-auth-light input[type=email], .qor-auth.qor-auth-light input[type=password], .qor-auth.qor-auth-light input[type=text] {
    width: 50% !important
}

.qor-auth .forgot-password {
    float: right;
    margin-top: -30px
}

.qor-auth h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 4px;
    text-transform: uppercase
}

.qor-auth h2 {
    font-size: 16px;
    margin: 24px 0
}

.qor-auth a.signup-link {
    display: inline-block;
    margin-bottom: 32px
}

.qor-auth input[type=email], .qor-auth input[type=password], .qor-auth input[type=text] {
    font-size: 14px;
    height: 40px;
    border: 1px solid #ccc;
    background-color: #fff
}

.qor-auth input[type=email]:focus, .qor-auth input[type=password]:focus, .qor-auth input[type=text]:focus {
    outline: 0
}

.qor-auth .button {
    width: 100%;
    padding: 14px 0
}

.qor-auth label {
    font-size: 14px
}

.qor-auth a {
    font-size: 14px
}

.qor-auth .line {
    margin-top: 24px;
    text-align: center
}

.qor-auth .line::after {
    display: block;
    height: 1px;
    margin-top: -13px;
    content: '';
    background-color: #ccc
}

.qor-auth .line span {
    font-size: 14px;
    margin-top: -10px;
    padding: 0 8px;
    background-color: #f4f4f4
}

.qor-auth .qor-auth-social-login {
    margin-top: 32px;
    text-align: center
}

.qor-auth .qor-auth-social-login a {
    display: inline-block;
    margin: 0 6px
}

.qor-auth .qor-auth-social-login a i {
    font-size: 32px;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #25a5df
}

@media only screen and (max-width: 767px) {
    .qor-auth {
        max-width: 100%;
        margin: 0 auto
    }

    .qor-auth.qor-auth-light .button, .qor-auth.qor-auth-light input[type=email], .qor-auth.qor-auth-light input[type=password], .qor-auth.qor-auth-light input[type=text] {
        width: 100% !important
    }
}